<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>图片新闻轮播演示</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="js_four.css">
</head>
<body>
<div class="news_pic">
    <ul>
        <li class="first"><a href="#" title="这是一杯奶茶" data-image="../pic/01.png" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">1</a></li>
        <li><a href="#" title="这是一杯喝了的奶茶" data-image="../pic/02.png" data-url="http://www.qq.com" onclick="clickShowPic(this);return false;">2</a></li>
        <li><a href="#" title="这是一杯移动了的奶茶" data-image="../pic/03.png" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">3</a></li>
        <li><a href="#" title="这是一杯可爱的奶茶" data-image="../pic/04..png" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">4</a></li>
    </ul>
    <div>
        <img id="placeholder" src="" alt="新闻图片">
        <P><a id="description" href="">新闻标题</a></P>
    </div>
</div>
<script src="js_four.js"></script>
</body>
</html>